<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Add Employee</title>
<link rel="stylesheet" href="CssFiles/MyCssStyle.css" >


</head>
<body>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>

<center>
<form id="employee" action="AddEmployee" method="post">
<table>
<tr>
<td>Name</td>
<td><input type="text" name="Name" value="" required/></td>
</tr>
<tr>
<td>Current Address</td>
<td><input type="text" name="CurrentAddress" value="" required/></td>
</tr>
<tr>
<td>Permenent Address</td>
<td><input type="text" name="PermntAddress" value="" required/></td>
</tr>
<tr>
<td>Mobile Number</td>
<td><input type="text" name="Mobile" value="" required/></td>
</tr>
<tr>
<td>Email_Id</td>
<td><input type="email" name="EmailId" required></td>
</tr>
<tr>
<td>Alternate Email_Id</td>
<td><input type="email" name="AlternateEmailId" value="" required/></td>
</tr>
<tr>
<td>Designation</td>
<td><input type="text" name="Designation" value="" required/></td>
</tr>
</table>
<input type="submit" name="Submit" value="Submit" />
</form>
<form id="SubmitDB" action="SubmitDB" method="post"><br>
<input type="submit" name="SubmitDB" value="Info from DB" />
</form>
</center>
<!-- <script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#employee" ).validate({
  rules: {
    Name: {
      required: true
    },
     CurrentAddress: {
      required: true
    },
     PermntAddress: {
      required: true
    },
     Mobile: {
      required: true
    },
     EmailId: {
      required: true
    },
     AlternateEmailId: {
      required: true
    },
     Designation: {
      required: true
    }
    }
    
});
</script> -->
</body>
</html>